
// 一开始渲染页面
function readerCategory() {
    $.ajax({
        url: '/my/category/list',
        success: function (res) {

            // 使用模板引擎
            var strHtml = template('init-category', res);

            $('tbody').html(strHtml);
        }
    });
}
readerCategory();


// 添加--------------------------------------------
var addIndex;
// 第一 ，点击添加，显示弹层
$('.add').on('click', function () {
    // 弹层
    addIndex = layer.open({
        type: 1,
        title: '添加分类',
        content: $('#tpl-add').html(),
        area: ['500px', '250px']
    });
})

// 这里form是利用模板引擎，动态添加的，需要事件委托
$('body').on('submit', '#add-form', function (e) {
    e.preventDefault();

    var data = $(this).serialize();

    // console.log(data);
    $.ajax({
        type: 'POST',
        url: '/my/category/add',
        data: data,
        success: function (res) {
            // console.log(res.message);
            layer.msg(res.message);
            // 把弹出层关闭
            layer.close(addIndex);
            readerCategory();
        }
    });
});

// 删除------------------------------------------
$('tbody').on('click', '.delete', function () {
    var index = $(this).data('index');

    $.ajax({
        url: '/my/category/delete',
        data: { id: index },
        success: function (res) {
            //询问框
            layer.confirm('您确定吗？', function (index) {
                
                readerCategory();
                layer.msg(res.message);
                layer.close(index);

            });
        }
    });
});

// 编辑-------------------------------------------
var editorIndex = null;
var editorId;
// 编辑显示编辑弹窗
$('tbody').on('click', '.editor', function () {

    // 当前的 id
    editorId = $(this).data('id');
    // var name = $(this).data('name');
    // var alias = $(this).data('alias');

    // 表示获取当前所有的data-xxx的值
    var data = $(this).data();

    console.log(data);
    // 数据回填
    // 弹层
    editorIndex = layer.open({
        type: 1,
        title: '修改文章分类',
        content: $('#tpl-editor').html(),
        area: ['500px', '250px'],
        success: function () {
            var form = layui.form;
            form.val('editor', data);
        }
    });
})

// 点击编辑修改内容并渲染
$('body').on('submit', '#editor-form', function (e) {
    e.preventDefault();


    // 第一种 
    // var data = $(this).serialize() +'&id='+ editorId;
    // console.log(data);

    // 第二种
    var data = $(this).serialize();
    console.log(data);

    $.ajax({
        type: 'POST',
        url: '/my/category/update',
        data: data,
        success: function (res) {
            // console.log(res); 
            // 提示
            layer.msg(res.message);

            readerCategory();
            // 把弹出层关闭
            layer.close(editorIndex);

        }
    });
})